@import url('../../utils/less/base.less');

.page {
    .overflow-hidden();

    &>.plan-item {
        margin: 20rpx 32rpx;

        &>.title {
            .text(32rpx, #e07200);
        }

        &>.plan-info {
            .bgcolor(#eee);
            border: 2rpx solid #39cfd8;
            padding: 0 32rpx;
            margin: 16rpx 0;

            &>.info-item {
                padding: 12rpx 0;
                border-bottom: 2rpx dashed #999;

                &>.name {}

                &>.hospital-price {
                    .flex-between(center);

                    &>.hospital {
                        &>.gc {
                            .text(green);
                        }
                    }

                    &>.price {
                        &>.normal {
                            .text(deline, #999);
                            margin-left: 10rpx;
                        }
                    }
                }
            }

            &>.total {
                .flex-end();
                padding: 24rpx 0;

                &>.normal {
                    .text(deline, #999);
                    margin-left: 10rpx;
                }
            }
        }
    }

    // &>.confirm-plan {
    //     .bgcolor(#16ad91);
    //     .fixed(bl);
    //     .text(white, 32rpx);
    //     width: 100%;
    //     z-index: 1;

    //     & .picker-row {
    //         height: 82rpx;
    //         .flex-center(center);

    //         &>.select-plan {
    //             .flex-center(center);

    //             &>.select-text {}

    //             &>.select-around {
    //                 margin-left: 10rpx;
    //                 transform: rotate(45deg) translateY(-25%);
    //                 width: 16rpx;
    //                 height: 16rpx;
    //                 border-bottom: 4rpx solid #fff;
    //                 border-right: 4rpx solid #fff;
    //             }
    //         }

    //         &>.selected-plan {
    //             .flex-center(center);

    //             &>.select {
    //                 .text(#ffde67);
    //             }
    //         }
    //     }
    // }

    // &>.placeholder {
    //     height: 82rpx;
    // }
}